import React from 'react'
import { NavBar, Tabs,Image,} from 'antd-mobile'
function Home() {
  return (
    <div>
        <NavBar>我的订单</NavBar>
        <div>
        <Tabs>
          <Tabs.Tab title='待接单' key='fruits'>
            <div>
                15813467911
            </div>
            
            <div>
                <Image src='https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=60' width={100} height={100} fit='fill' />
          ￥100.00（含餐盒费￥2.00）
            </div>
            <div>
                15813467911
            </div>
            
            <div>
                <Image src='https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=60' width={100} height={100} fit='fill' />
          ￥100.00（含餐盒费￥2.00）
            </div>
            <div>
                15813467911
            </div>
            
            <div>
                <Image src='https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=60' width={100} height={100} fit='fill' />
          ￥100.00（含餐盒费￥2.00）
            </div>
            <div>
                15813467911
            </div>
            
            <div>
                <Image src='https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=60' width={100} height={100} fit='fill' />
          ￥100.00（含餐盒费￥2.00）
            </div>
            <div>
                15813467911
            </div>
            
            <div>
                <Image src='https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=60' width={100} height={100} fit='fill' />
          ￥100.00（含餐盒费￥2.00）
            </div>
          
          </Tabs.Tab>
          <Tabs.Tab title='待发出' key='vegetables'>
            西红柿
          </Tabs.Tab>
          <Tabs.Tab title='待送达' key='animals'>
            蚂蚁
          </Tabs.Tab>
          <Tabs.Tab title='已完成' key='abc'>
            蚂蚁
          </Tabs.Tab>
          <Tabs.Tab title='取消/退款' key='abac'>
            蚂蚁
          </Tabs.Tab>
        </Tabs>
        </div>
    </div>
  )
}

export default Home